﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>闪电极送</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/sd_buy.css">
    <link rel="stylesheet" href="../css/libs/iconfont.css">
    <link rel="stylesheet" href="../css/libs/weui.min.css">
    <link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
</head>
<body class="sd_buy" style="visibility: hidden;">
<header class="sd_nav flex_row">
    <a class="price_regular" href="../html/sd_price.html">计价规则<i class="iconfont icon-more"></i></a>
    <h2>代排队</h2>
    <div id="open_center"><i class="iconfont icon-account"></i></div>
</header>
<section class="buy_type" id="queue_type">
    <ul class="flex_row flex_between">
        <li>
            <i class="iconfont icon-bhjpaidui-copy"></i>
            <div class="name">其他</div>
            <span class="li_border"></span>
        </li>		
        <li>
            <i class="iconfont icon-registration"></i>
            <div class="name">医院挂号</div>
            <span class="li_border"></span>
        </li>
        <li>
            <i class="iconfont icon-yinxing-copy"></i>
            <div class="name">银行取号</div>
            <span class="li_border"></span>
        </li>
        <li>
            <i class="iconfont icon-canting"></i>
            <div class="name">餐厅占座</div>
            <span class="li_border"></span>
        </li>			
    </ul>
</section>
<section>
    <form action="" method="post" id="register"></form>
    <div class="buy_input flex_row">
        <div class="item_left flex_row buy_change">
            <i class="iconfont icon-bhjpaidui-copy"></i>
            <div class="name">其他</div>
        </div>
        <span class="g_line"></span>
        <textarea  name="" id="product_mes" rows="3" placeholder="请输入详细的排队信息……"></textarea>
        <div class="limit_input"><span class="limit_left">0</span>/<span class="limit_right">50</span></div>
    </div>	
</section>
<section class="buy_address">
    <address class="item_input flex_row">
        <div class="item_left flex_row">
            <i class="iconfont icon-dizhi"></i>
            <div class="name">排队地址</div>		
        </div>
        <span class="g_line"></span>
        <div class="item_right flex_row flex_between" >
            <div class="address"><a id="detail_address" href="../html/sd_address.html?type=3"></a></div>
            <i class="iconfont icon-more more"></i>
        </div>
    </address>	
</section>
<section>
    <div class="item_input flex_row">
        <div class="item_left flex_row">
            <i class="iconfont icon-icon"></i>
            <div class="name">排队时长</div>
        </div>
        <div class="item_right flex_row flex_between">
            <div id="queue_time">默认30分钟</div>
            <i class="iconfont icon-more more"></i>
        </div>
    </div>	
</section>
<section>
    <div class="item_input flex_row">
        <div class="item_left flex_row">
            <i class="iconfont icon-dianhua"></i>
            <div class="name" >联系电话</div>
        </div>
        <div class="item_right flex_row">
            <input id="user_tel" type="tel" name="user_tel" >
        </div>
    </div>	
</section>
<section>
    <div class="item_input flex_row">
        <div class="item_left flex_row">
            <i class="iconfont icon-icon"></i>
            <div class="name">排队时间</div>
        </div>
        <div class="item_right flex_row flex_between">
            <div id="select_time">请选择排队时间</div>
            <i class="iconfont icon-more more"></i>
        </div>
    </div>	
</section>
<section>
    <button type="button" class="form_submit">下一步</button>
    <div class="price_rule flex_row flex_center">
        <a href="javascript:;" class="open-popup" data-target="#popup">
            <i class="iconfont icon-information"></i>
            <span>价格明细</span>
        </a>
    </div>
</section>
<div class="mask">
    <div class="bg"></div>
    <!-- 个人中心 -->
    <div id="user_center" class="flex_column">
        <header class="header">
            <i class="iconfont icon-gerenzhongxin"></i>
            <p id="get_phone">150*****5765</p>
        </header>
        <div class="flex_column main">
            <a href="../html/recharge.html"><i class="iconfont icon-chongzhi-"></i>充值</a>
            <a href="javascript:;" id="get_balance"><i class="iconfont icon-chongzhi"></i>余额<b id="balance_money"></b></a>
            <a href="../html/coupon.html"><i class="iconfont icon-iconfontquan"></i>优惠券<b id="coupon_num"></b></a>
            <a href="../html/my_order.html"><i class="iconfont icon-dingdan"></i>我的订单</a>
        </div>
        <footer>
            <span id="quit"><i class="iconfont icon-tuichu"></i></span>
        </footer>
    </div>
    <!-- 排队预约时间 -->
    <div class="time_box flex_column">
        <div>
            <header class="flex_row flex_center tit">
                <i class="iconfont icon-icon"></i>
                <div class="name">请选择时间</div>
            </header>
            <div class="flex_row time_body">
                <div class="time_choose"></div>
                <div id="time_day">
                    <ul>
                        <li class="li_select">今天</li>
                        <li>明天</li>
                        <li>后天</li>
                        <li></li>
                    </ul>
                </div>
                <div id="time_hour">
                    <ul>
                        <li class="li_select start">00</li>
                        <li>01</li>
                        <li>02</li>
                        <li>03</li>
                        <li>04</li>
                        <li>05</li>
                        <li>06</li>
                        <li>07</li>
                        <li>08</li>
                        <li>09</li>
                        <li>10</li>
                        <li>11</li>
                        <li>12</li>
                        <li>13</li>
                        <li>14</li>
                        <li>15</li>
                        <li>16</li>
                        <li>17</li>
                        <li>18</li>
                        <li>19</li>
                        <li>20</li>
                        <li>21</li>
                        <li>22</li>
                        <li>23</li>
                        <li></li>
                    </ul>
                </div>
                <div id="time_minute">
                    <ul>
                        <li class="li_select">00</li>
                        <li>05</li>
                        <li>10</li>
                        <li>15</li>
                        <li>20</li>
                        <li>25</li>
                        <li>30</li>
                        <li>35</li>
                        <li>40</li>
                        <li>45</li>
                        <li>50</li>
                        <li>55</li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <footer class="flex_row flex_between">
                <button class="cancel">立即排队</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>				
    </div>
    <!-- 排队时长 -->
    <div class="queue_time_box flex_column">
        <div>
            <header class="flex_row flex_center tit">
                <i class="iconfont icon-icon"></i>
                <div class="name">请选择排队时长</div>
            </header>
            <div class="flex_row queue_time_body">
                <div class="time_choose"></div>
                <div id="queue_time_hour"  class="flex1">
                    <ul>
                        <li class="li_select"><span>0</span>小时</li>
                        <li><span>1</span>小时</li>
                        <li><span>2</span>小时</li>
                        <li><span>3</span>小时</li>
                        <li><span>4</span>小时</li>
                        <li><span>5</span>小时</li>
                        <li><span>6</span>小时</li>
                        <li><span>7</span>小时</li>
                        <li><span>8</span>小时</li>
                        <li><span>9</span>小时</li>
                        <li><span>11</span>小时</li>
                        <li><span>12</span>小时</li>
                        <li><span>13</span>小时</li>
                        <li><span>14</span>小时</li>
                        <li><span>15</span>小时</li>
                        <li><span>16</span>小时</li>
                        <li><span>17</span>小时</li>
                        <li><span>18</span>小时</li>
                        <li><span>19</span>小时</li>
                        <li><span>20</span>小时</li>
                        <li><span>21</span>小时</li>
                        <li><span>22</span>小时</li>
                        <li><span>23</span>小时</li>
                        <li></li>
                    </ul>
                </div>
                <div id="queue_time_minute" class="flex1">
                    <ul >
                        <li class="li_select"><span>0</span>分钟</li>
                        <li><span>30</span>分钟</li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <footer class="flex_row flex_between">
                <button class="cancel">默认30分钟</button>
                <span class="g_line"></span>
                <button class="confirm">确定</button>
            </footer>
        </div>				
    </div>
</div>
<!-- Jquery weui popup 6.23-->
<div id="popup" class="weui-popup__container">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal popup_bg">
        <div  class="close-popup close_md">返回订单</div>
        <div class="money_detail"></div>
    </div>
</div>	
</body>
<script src="../js/libs/jquery-1.10.1.min.js"></script>
<script src="../js/libs/rem.js"></script>
<script src="../js/libs/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/sd_queue.js"></script>
<script type="text/javascript">
</script>
</html>